<template>
  <div class="box">
    <a-select
        v-model:value="props.modelValue"
        style="width:100%"
        placeholder="请选择图标"
        @change="handleChangeSelect"
    >
      <template v-for="(key,value,index) in icons" :key="key">
        <template v-if="value!='createFromIconfontCN' && value!='default' && value!='getTwoToneColor' && value!='setTwoToneColor'">
          <a-select-option :value="value" >
            <component :is="value"></component><span class="ml5">{{value}}</span>
          </a-select-option>
        </template>
      </template>
    </a-select>
  </div>
</template>
<script setup lang="ts">
import * as icons from "@ant-design/icons-vue";

const props = defineProps({
  "modelValue":{
    type:String,
    default:""
  }
})
const emits = defineEmits(["update:modelValue"])
const handleChangeSelect = (e) => {
  emits("update:modelValue",e)
}

</script>